<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* p{
			color:red;
			}
			h3{
				color:green;
			} */
			/* id选择器 
			id唯一
			命名规则：英文 数字 -的组合 第一个字不可以是数字
			不可使用保留字(h1 ) */
			#aa{
				color: red;
			}
			#bb{
				color: green;
			}
			#cc{
				color: blue;
			}
			/* class类别选择器 名字可以重复*/
			.p1{
				font-size: 20px;
			}
			.p2{
				font-size: 30px;
			}
			.p3{
				font-size: 40px;
			}
			.p4{
				font-size: 50px;
			}
			.k1{
				background: yellow;
			}
			.k2{
				font-style: italic;
			}
		</style>
	</head>
	<body>
		<p id="aa" class="p3">hello</p>
		<h3 >css</h3>
		<p id="bb">hello</p>
		<p id="cc">hello</p>
		<p class="p1 k1 k2" >我是段落1</p>
		<p class="p2 k2">我是段落2</p>
		<p class="p3 k1">我是段落3</p>
		<p class="p4">我是段落4</p>
	</body>
</html>
